*{
    padding: 0;
    margin: 0;
}
body {
    background-color: #fff;
}
html {
    font-size: 20px;
}
a {
    text-decoration: none;
    color: #333;
}
p{
    line-height: 1rem;
    margin: .7rem;
    font-size: .8rem;
    text-align: left;
    color: #000;
}
.nav {
    a {
        color:#999;
    }
    margin:1rem 0px .3rem .6rem;
    font-size: .7rem;
    color: #999 !important;
    line-height: 1rem;
}
h2 {
    font-size: 1.2rem;
    height: 3.4rem;
    line-height:1.6rem;
    margin: .3rem .6rem;
}
.read {
    margin-left:.5rem;
    margin-bottom:.8rem;
    .img {
       display: block;
       width: 2rem;
        float: left;
        margin-right:.6rem;
    }
    .maoyan {
        .top{
            .subtitle {
            font-size: .7rem;
            line-height: 1rem;
            float: left;}
        .imgs {
            width: .6rem;
            margin-bottom: .3rem; }  
            }
            }
            .bottom {
               font-size: .6rem;
                color: #999;
            }
        }
        .text {
            text-align:center;
            .img2 {
                width: 92%;
                 margin:.7rem;
            } 
            .lixiang {
                text-align: left;
            }
            .ke {
                font-weight: 700;
            }
            p {
                a{
                    color: royalblue;
                }
            }
        }
        h6 {
            font-size: .8rem !important;
            padding-left: .5rem;
            color: #000;
            line-height: 1.5rem;
            background-color: #F5F5F5;
        }
        .presell {
            height: 4.4rem;
            margin: .8rem;
            h4 {
                font-size: .8rem;
            }
            .img3 {
                img {
                float: left;
                width: 3.1rem;
                height: 4.4rem;
                margin-right: 10px;
                }
               }
              .presell-conter{
                  .xiangkan{
                      font-size: .7rem;
                      color: #FFDF84;
                      line-height: 2.5rem;
                  }
                  .rq {
                      font-size: .6rem;
                      line-height: 1rem;
                      height: .5rem;
                  }
                  font-size: .8rem;
                   float: left;
            } 
            .presell-right{margin-top: 1.5rem;
                text-align: center;
                   width: 2.5rem;
                   height: 1.3rem;
                   line-height: 1.3rem;
                   font-size: .7rem;
                   color: #159DF1;
                   border: 1px solid #159DF1;
                   border-radius: 1rem;
                   float: right;
               }
        } 
        
        .mui-scroll{
            width: 100%;
            display: flex;
            overflow-x: scroll;
            height:7.5rem !important;
           &::-webkit-scrollbar {
                display: none; }
            .mui-control-item {
                img {
                    margin-top:.6rem;
                    width: 3.1rem;
                    height: 4.4rem;
                }
                .name {
                    display: block;
                    font-size: 1rem;
                    font-size: .8rem;
                    color: #000;
                }
            }
            }
            .hot {
                .nav-hot{
                    padding: .5rem;
                    border-bottom: 1px  solid #ccc;
                    .img-hot {
                        width: 50px;
                        height: 4.5rem;
                        float: left;
                    }
                    img {
                       margin:.5rem 0 0 .3rem ;
                        width: 1.6rem;
                        height: 1.6rem;
                        
                    }
                    .text-hot{
                        .name-hot {
                            font-size: .65rem;
                            line-height: 1.2rem;
                        }
                       .time-hot {
                           display: flex;
                           justify-content: space-between;
                           margin-bottom: 10px;
                        font-size: .65rem;
                            line-height: 1rem;
                            color: #C4A6A6;
                        }
                    }
                    .paragraph-hot {
                        font-size: .8rem;
                    }
                }
                .pl{
                    font-size: .8rem;
                    color: #fff;
                    margin-left: 5%;
                    width: 90%;
                    height: 2rem;
                    text-align: center;
                    line-height: 2rem;
                    background-color: red;
                    border-radius: 1rem;
                    margin-bottom: 1rem;

                }
            }
            .comments {
                margin: .8rem;
                padding-bottom: 10px;
                border-bottom: 1px solid #999;
                a{
                   display: flex; 
                }
                .imgs {
                    img {
                        padding-right: 5px;
                        width: 5.5rem;
                        float: left;
                    }
                    .subtitle {
                        font-size: .8rem;
                        line-height: 1rem;
                    }
                }
                .heat {
                     height: 1rem;
                        display: flex;
                        margin-top: 10px;
                        justify-content: space-between;
                         .maoyan {
                       font-size: .6rem;
                       color: #999;
                    }
                    .heat-right {
                        line-height: 1rem;
                        color: #999;
                        .iconfont {
                            font-size: .7rem;
                        }
                    }
                    
                }
            }
            